<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta http-equiv="Cache-Control" content="no-transform" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="format-detection" content="telephone=no,email=no,address=no" />
    <meta name="renderer" content="webkit" />
    <meta name="description" itemprop="description" content=""/>
    <meta itemprop="name" content="盛世传媒"/>
    <meta name="keywords" content=""/>
    <title>盛世传媒</title>
    <link rel="stylesheet" href="../css/index.css">
    <style type="text/css">
        .title{
            margin: 30px auto;
            font-size: 2rem;
        }
        .text{
            width: 50%;
            line-height: 2rem;
            margin: auto;
            margin-bottom: 30px;
            color: #808080;
        }
    </style>
</head>
<body>
<div class="header">

    <div class="logo left"><image class="logoimg"  src="http://sscmgw.oss-cn-beijing.aliyuncs.com/guanwang/images/logo.png" alt="logo" title="盛世传媒"></image>
    </div>
    <div class="daohang right">
        <ul>
            <li><a href="../index.html">首页</a></li>
            <li><a href="about.html">关于我们</a></li>
            <li><a href="ditu.html">位置地图</a></li>
            <li class="active"><a href="news.html">新闻资讯</a></li>
            <!--<li><a href="tel.html">联系我们</a></li>-->
            <li><a href="activity.html">公益活动</a></li>
        </ul>
    </div>
</div>
<div class="main" style="text-align: center">
    <img :src="this.img":alt="this.id" width="400">

    <p class="title">{{title}}</p>

    <p class="text">{{text}}</p>
</div>
<div class="foot">
    <ul class="flex">
        <li class="flex"><image src="http://sscmgw.oss-cn-beijing.aliyuncs.com/guanwang/images/didianIcon.png"></image>
            <p>河南省南阳市镇平县体育中心主席楼</p>
        </li>
        <li class="flex">
            <image src="http://sscmgw.oss-cn-beijing.aliyuncs.com/guanwang/images/phoneIcon.png"></image>
            <p>联系电话 : 0377-65566888</p>
        </li>
        <li class="flex">
            <image src="http://sscmgw.oss-cn-beijing.aliyuncs.com/guanwang/images/timeIcon.png"></image>
            <p>工作时间 : 09:00--18:00</p>
        </li>
        <li class="flex">
            <image src="http://sscmgw.oss-cn-beijing.aliyuncs.com/guanwang/images/youjianIcon.png"></image>
            <p>contact@fkadjkhsf.co</p>
        </li>
    </ul>
</div>
</body>
</html>
<script src="../js/vue.js"></script>
<script type="text/javascript">
    var app = new Vue({
        el:".main",
        data:{
        url:{},
        title:"",
        text:"",
        img:""
        },
        created(){

      this.title =  this.aa().title
      this.img = this.aa().img
      this.text = this.aa().text
        },
        methods:{
            aa:function(e) {
                var url =decodeURI(location.search);
                var theParam = new Object();
                if (url.indexOf("?") != -1) {
                    var str = url.substr(1);
                    strs = str.split("&");
                    for(var i = 0; i < strs.length; i ++) {
                        theParam[strs[i].split("=")[0]]=unescape(strs[i].split("=")[1]);
                    }
                }
                return theParam
            }

        }

    })
</script>